<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>

<body>
    <header>
        <div class="user-info">
            <img src="{{ url_for('static', filename='user.png') }}" alt="User Avatar" class="avatar">
            <span>{{ user.username }}</span>
            <a href="{{ url_for('logout') }}" class="logout">Logout</a>
        </div>
    </header>
    <aside class="sidebar">
        <ul>
            {% for name, url in menu_items %}
            <li><a href="{{ url }}" class="menu-link" data-target="content">{{ name }}</a></li>
            {% endfor %}
        </ul>
    </aside>
    <main id="content" class="content">
        <!-- 菜单点击后内容将加载到此区域 -->
    </main>
    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
</body>

</html>
